<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/sub.css" />
		<link rel="stylesheet" type="text/css" href="css/discover.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body>
		<!-- 侧滑导航根容器 -->
		<!-- 头部 -->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-pull-left locat-name" href="#offCanvasSide">重庆<i class="icon"></i></a>
			<div class="input-wrap mui-pull-left">
				<input type="text" name="" id="search-btn" value="" placeholder="产品  商家  风格  服务类型" />
				<a href="" class="mui-icon icon-search mui-pull-right"></a>
			</div>
			<a class="mui-icon mui-pull-right icon-sao"></a>
		</header>
		<div class="mui-content">
			<!--主题内容-->
			<!--S二级导航-->
			<div id="sort-title" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
				<div class="mui-scroll sub-nav">
					<a class="mui-control-item mui-active" data-index="0">
						喜糖
					</a>
					<a class="mui-control-item" data-index="1">
						喜帖
					</a>
					<a class="mui-control-item" data-index="2">
						婚礼策划
					</a>
					<a class="mui-control-item" data-index="3">
						服饰
					</a>
					<a class="mui-control-item" data-index="4">
						首饰
					</a>
					<a class="mui-control-item" data-index="5">
						其他
					</a>
				</div>
			</div>
			<!--E二级导航-->

			<!--S筛选框-->
			<div id="selectWrap">
			<!--<div class="select-sort">
				<a href="" class="select-btn active">策划商家</a>
				<a href="" class="select-btn" >策划案例</a>
			</div>
			<div class="select">
				<div class="select-wrap mui-clearfix">
					<div class="select-header mui-pull-left mod-title-24">
						婚礼策划数：
					</div>
					<div class="select-content mui-pull-left">
						<ul>
							<li class="active">10场以下 </li>
							<li>10-50场以下 </li>
							<li>50-200场以下 </li>
							<li>200场以上 </li>
						</ul>
					</div>
				</div>
				<div class="select-wrap mui-clearfix">
					<div class="select-header mui-pull-left">
						性别：
					</div>
					<div class="select-content mui-pull-left">
						<ul>
							<li class="active">男 </li>
							<li>女 </li>
						</ul>
					</div>
				</div>
			</div>-->
			</div>
			<!--E筛选框-->

			<div id="content-wrap">

			</div>

		</div>
		<!--脚部-->
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" href="index.html" data-id="index">
				<span class="mui-icon index"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="discover.html" data-id="discover">
				<span class="mui-icon discover"></span>
				<span class="mui-tab-label">发现</s pan>
			</a>
			<a class="mui-tab-item" href="newsay.html" data-id="newsay">
				<span class="mui-icon newsay"></span>
				<span class="mui-tab-label">新人说</span>
			</a>
			<a class="mui-tab-item mui-active" href="shop.html" data-id="shop">
				<span class="mui-icon shop"></span>
				<span class="mui-tab-label">商城</span>
			</a>
			<a class="mui-tab-item" href="myshemher.html" data-id="myshemher">
				<span class="mui-icon myshemher"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>

		<!--S筛选框-->
		<script type="text/html" id="selectJs">
			<div class="modde-select">
				<ul class="mod-info-22">
					<li class="active">默认排序</li>
					<li>收藏</li>
					<li>销量</li>
					<li>价格</li>
				</ul>
			</div>
		</script>
		<!--S筛选框-->
		
		<!--S详情列表-->
		<script type="text/html" id="moddeJs">
			<div class="item-list modde">
				{{each arr as item index}}
				<div class="hotel-item mui-clearfix">
					<div class="hotel-item-header mui-pull-left">
						<img src="http://placehold.it/261x261" />
					</div>
					<div class="hotel-item-body mui-pull-left">
						<h2 class="mod-title-30 mui-ellipsis">摄影摄影</h2>
						<p class="mod-price mui-ellipsis">&yen;1888</p>
						<p class="mod-info-24 mt6 mui-ellipsis-2 chal-detail">描述（没有就空起）最多最多最多最 多最多最多最多最多最多最多到这...</p>
						<p class="mod-info-20">收藏：21  销量：21</p>
						<a href="detail.html?headstyle=wedheader&drawmod=8*15*7&btntxt=%25E5%259C%25A8%25E7%25BA%25BF%25E8%25B4%25AD%25E4%25B9%25B0" class="mod-nav">查看详情 ></a>
					</div>
				</div>
				{{/each}}
			</div>
		</script>
		<!--E详情列表-->

		<script src="js/artTemplate.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mod.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="js/discover.js" type="text/javascript" charset="utf-8"></script>-->
		<script type="text/javascript">
			
			/*筛选框*/
			
			/*内容*/
			var arr = new Array(10);
			var data= {"arr":arr};
			var html =template("moddeJs",data);
			mui("#content-wrap")[0].innerHTML=html;
			
			
			var html =template("selectJs",data);
			mui("#selectWrap")[0].innerHTML=html;
			
			
		</script>

	</body>

</html>